<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css"
	href="js/easyui/themes/default/easyui.css" />
<!--EasyUI的图标样式-->
<link rel="stylesheet" type="text/css" href="js/easyui/themes/icon.css" />
<!--jquery的核心JS-->
<script type="text/javascript" src="js/easyui/jquery.min.js"></script>
<!--jquery EasyUI的核心JS-->
<script type="text/javascript" src="js/easyui/jquery.easyui.min.js"></script>
<!-- 信息本地化js文件 -->
<script type="text/javascript"
	src="js/easyui/locale/easyui-lang-zh_CN.js"></script>
<style type="text/css">
</style>
</head>

<body style="background-color: #EEEEEE;">
	<div style="background-color: white;" class="top">
		<span>商家</span> <select id="cc" class="easyui-combobox" name="dept"
			style="width: 200px;"
			data-options="editable:false,panelHeight:'auto'">
			<option value="aa">aitem1</option>
			<option>bitem2</option>
			<option>bitem3</option>
			<option>ditem4</option>
			<option>eitem5</option>
		</select>
		 <a  href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">搜索</a> 
		 <a  href="#" class="easyui-linkbutton">重置</a>
		<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload'">自动审单</a>
	</div>
	<div id="dg"></div>

	<!--弹出层-->
	<div class="easyui-dialog" id="dialog"
		style="width: 400px; height: 200px;" closed="true">sss</div>
	<script type="text/javascript">
		//    视频广告数据统计的表格数据渲染
		$('#dg').datagrid({
			scrollbarSize : 0,
			method : 'get',
			url : '/query',
			height : window.innerHeight - 45,
			pagination : true,
			loadMsg : '正在加载中，请稍等... ',
			nowrap : false, //允许换行
			fitColumns : true, //宽度自适应
			emptyMsg : '<span>无记录</span>',
			onLoadSuccess : function(data) { // Fires when data is
				console.log(data);
				var classify = $("#classify").val();
				$('#frequencyPp').pagination('refresh', {
					total : data.total,
					pageNumber : data.page,
					classify : classify
				});
			},
			columns : [ [ {
				field : 'null',
				title : ' ',
				width : 20, //当 fitColumns:true时，columns里的width变为改列宽度占表格总宽度大小的比例
				align : 'center'
			}, {
				field : 'id',
				title : '序号',
				width : 100, //当 fitColumns:true时，columns里的width变为改列宽度占表格总宽度大小的比例
				align : 'center'
			}, {
				field : 'name',
				title : '规则名称',
				width : 100,
				align : 'center'
			}, {
				field : 'deptno',
				title : '仓库',
				width : 100,
				align : 'center',
				editor : 'text'
			}, {
				field : 'job',
				title : '规则类型',
				width : 100,
				align : 'center',
				editor : 'text'
			}, {
				field : 'sal',
				title : '创建人',
				width : 100,
				align : 'center',
				editor : 'text'
			}, {
				field : 'time',
				title : '创建时间',
				width : 100,
				align : 'center',
				editor : 'text'
			}, {
				field : 'remarks',
				title : '备注',
				width : 100,
				align : 'center',
				editor : 'text'
			}, {
				field : 'state',
				title : '规则状态',
				width : 100,
				align : 'center',
				editor : 'text'
			}, {
				field : 'operation',
				title : '操作',
				width : 100,
				align : 'center',
				editor : 'text'
			}, {
				field : 'operation',
				title : '操作',
				width : 100,
				align : 'center',
				editor : 'text'
			}, {
				field : 'operation',
				title : '操作',
				width : 100,
				align : 'center',
				editor : 'text'
			}, {
				field : 'operation',
				title : '操作',
				width : 100,
				align : 'center',
				editor : 'text'
			}, {
				field : 'operation',
				title : '操作',
				width : 100,
				align : 'center',
				editor : 'text'
			}, {
				field : 'operation',
				title : '操作',
				width : 100,
				align : 'center',
				editor : 'text'
			} ] ]
		});

		$("#btn").click(function() {
			console.log("aaa");
			$("#dialog").dialog("open");
		})

		$("#dialog")
				.dialog(
						{
							title : ' ',
							width : 1200,
							height : 800,
							modal : true,
							content : "<iframe scrolling='auto' frameborder='0' src='exam3.html' style='width:100%; height:100%; display:block;'></iframe>"

						});
	</script>
</body>


</html>